/* pages/pay/index.wxss */
@import "../../styles/index.scss";
page {
	background-color: #fff;
}
.head {
	&-img {
		width: 750rpx;
		height: 432rpx;
	}
}
.border-before,
.border-after {
	width: 100%;
	height: 2rpx;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.border-before {
	bottom: initial;
	top: 0;
}
.title {
	width: 722rpx;
	margin: 74rpx auto 0;
	padding-bottom: 10rpx;
	font-size: 28rpx;
	line-height: 38rpx;
	position: relative;
}
.date {
	position: relative;
	height: 106rpx;
	width: 722rpx;
	margin: 0 auto;
	@include flex-center;
	&-add {
		position: absolute;
		right: 10rpx;
		top: 20rpx;
		&.rotate {
			transform: rotate(180deg);
			right: initial;
			left: 10rpx;
		}
		.arrow-right {
			width: 60rpx;
			height: 60rpx
    }
    .disabled{
      opacity: 0.5;
    }
	}
}
.box {
	position: relative;
	height: 158rpx;
	width: 722rpx;
	margin: 0 auto;
	&-main {
		white-space: nowrap;
		.day {
			width: 103rpx;
			height: 160rpx;
			@include flex-column-center;
			display: inline-flex;
			line-height: 40rpx;
			color: #000;
			&-weekday,
			&-status {
				font-size: 20rpx;
			}
			&-item {
				font-size: 42rpx;
			}
			&.active {
				background-color: #F4F4F4;
			}
			&.disabled {
				opacity: .31;
				background-color: #fff;
			}
		}
	}
}
.time {
	width: 722rpx;
	margin: 0 auto;
	&-item {
		height: 90rpx;
		position: relative;
		@include flex;
		font-size: 28rpx;
		color: #000;
		padding: 0 20rpx;
		&.active {
			background-color: #F4F4F4;
		}
	}
}
.btn {
	margin: 0 auto;
	width: 648rpx;
	height: 96rpx;
	background-color: #000;
	@include flex-center;
	font-size: 28rpx;
	color: #fff;
}